<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_yszjjebq5uoqd7vi.css">
    <link rel="stylesheet" type="text/css" href="css/project.css"/>
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/animate.css"/>
    <link rel="stylesheet" href="css/skill.css" />
    <script type="text/javascript" charset="utf-8">
    
      	mui.init();
//    	mui.previewImage();
    </script>
    <script src="js/ajex.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	
	<header class="mui-bar mui-bar-nav">		
		<h1 class="mui-title">个人简历</h1>
	</header>
	
	<div class="mui-content">
		<div id="tabbar" class="mui-control-content mui-active">
			
			 <div id="3maincont">
                
                <div class="aboutme">
                    <div class="me">
                        <img src="img/hea.jpg"/>
                    </div>
                </div>
                <div id="messages">
                	<!--<p class="message"><i class="iconfont icon-xingming"></i><span>胡丽萍</span></p>
	                <p class="message"><i class="iconfont icon-nianling"></i><span>1995.08.26</span></p>
	                <p class="message"><i class="iconfont icon-xueli"></i><span>本科</span></p>
	                <p class="message"><i class="iconfont icon-dizhi"></i><span>安徽阜阳</span></p>
	                <p class="message"><i class="iconfont icon-dianhua"></i><span>15755059697</span></p>
	                <p class="message last"><i class="iconfont icon-brand"></i><span>hlpjk13@163.com</span></p>-->
                </div>                                
             </div>
		</div>
		<!--第二个页面-->	
		<div id="tabbar-with-chat" class="mui-control-content">
			<ul class="mui-table-view mui-table-view-chevron" id="skill">
				<!--<li class="mui-table-view-cell mui-collapse id="muicollapse"><a class="mui-navigate-right" href="#">规范</a>
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">HTML4、HTML5、ES5、ES6、CommonJS、CMD、AMD等</li>
						<li class="mui-table-view-cell">熟悉度：熟悉</li>
						<li class="mui-table-view-cell">接触时间：2年</li>
					</ul>
				</li>-->
			</ul>			
		</div>
		
		<!--第三个页面-->			
		<div id="tabbar-with-contact" class="mui-control-content">		
			<div class="mui-card" id="card">
					<!--<div class="mui-card-header mui-card-media">
						<img src="img/cat.jpg"/>
						<div class="mui-media-body">
							<p>杭州智港科技有限责任公司</p>
							<p>发表于 2016-06-30 15:30</p>
						</div>						
					</div>
					<div class="mui-card-content" >
						<img src="img/1111.jpg" alt="" width="100%"/>
					</div>
					<div class="mui-card-footer">
						<a class="mui-card-link">Like</a>
						<a class="mui-card-link">Comment</a>
						<a class="mui-card-link">Read more</a>
					</div>-->
			</div>			
		</div>
		
		
		
		<div id="tabbar-with-map" class="mui-control-content">
			<!--<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					新消息通知
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					隐私
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					通用
				</a>
			</li>
		</ul>
		<ul class="mui-table-view" style="margin-top: 25px;">
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					关于mui
				</a>
			</li>
		</ul>
		<ul class="mui-table-view" style="margin-top: 25px;">
			<li class="mui-table-view-cell">
				<a style="text-align: center;color: #FF3B30;">
					退出登录
				</a>
			</li>
		</ul>-->
		<div class="mui-content" id="fourimg">
			<div class="mui-content-padded" id="muiproject">
				<!--<p style="text-align: center;">这是我工作期间所做的项目</p>
				<p class="ppimg">
					<img src="img/2g.png" data-preview-src="" data-preview-group="1" />
				</p>
				<p class="ipetm">平台门户<span>珍诚医药</span></p>
				<p class="ipetm">http://www.zc511.com/</p>
				<p class="ipetm">医药电商先锋平台，国内医药电商B2B第一平台，年销售额超25亿</p>
				<p class="ipetm">Html、Css2、Javascript、Jquery、Java等</p>
				<p class="ipetm">长期维护，功能迭代，包括平台整体UI改进以及功能模块的增加与性能的优化</p>-->
				
				
				<!--<p>
					<img src="img/3g.png" data-preview-src="" data-preview-group="1" />
				</p>
				<p>第三张图片，纯粹为了占位： </p>
				<p>
					<img src="img/4g.png" data-preview-src="" data-preview-group="1" />
				</p>-->
			</div>
		</div>
		</div>
	</div>
	
	
	
	<!--底部-->
	<footer class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" href="#tabbar">
			<span class="mui-icon iconfont icon-me1"></span>
			<span class="mui-tab-label">我</span>
		</a>
		<a class="mui-tab-item" href="#tabbar-with-chat">
			<span class="mui-icon iconfont icon-jineng "></span>
			<span class="mui-tab-label">技能</span>
		</a>
		<a class="mui-tab-item" href="#tabbar-with-contact">
			<span class="mui-icon iconfont icon-gongzuojingli"></span>
			<span class="mui-tab-label">work经历</span>			
		</a>
		<a class="mui-tab-item" href="#tabbar-with-map">
			<span class="mui-icon iconfont icon-xiangmu"></span>
			<span class="mui-tab-label">项目</span>
		</a>
	</footer>
	<script src="js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>